<template>
  <div>
    <div class="co-hero-section-1 section">
      <!--Creative 1 Hero Slider-->
      <div class="co-hero-slider-1 hero-slider">
        <!--Hero Slide Item-->
        <div
          class="co-hero-slide-item-1"
          style="background-image: url('img/corporate/hero/1.jpg')"
        >
          <div class="container">
            <div class="row">
              <div class="col-xs-12 text-center">
                <!--Hero Slide Content-->
                <div class="co-hero-slide-content-1">
                  <h4>一站式节能减排解决方案专家</h4>
                  <h1>科技赋能，智慧海洋</h1>
                  <a
                    @click="ck2()"
                    class="btn btn-white btn-lg btn-hover-gradient"
                    >了解更多</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!--Corporate Service Section 1-->
    <div class="co-service-section-1 section">
      <!--Service Wrapper-->
      <div class="co-service-wrapper-1">
        <!--Single Service-->
        <div class="co-single-service-1 col-md-4 text-center">
          <i class="icon-megaphone"></i>
          <h3>体系证书</h3>
          <div class="list">
            <img src="../assets/img/file.png" />
            <div>信息安全管理体系认证证书</div>
          </div>
          <div class="list">
            <img src="../assets/img/file.png" />
            <div>职业健康安全管理系统认证证书</div>
          </div>
          <div class="list">
            <img src="../assets/img/file.png" />
            <div>环境管理体系认证证书</div>
          </div>
          <div class="list">
            <img src="../assets/img/file.png" />
            <div>MRV证书</div>
          </div>
        </div>
        <!--Single Service-->
        <div class="co-single-service-1 col-md-4 text-center">
          <i class="icon-tools"></i>
          <h3>软件产品</h3>
          <div class="list">
            <img src="../assets/img/software.png" />
            <div>车辆管理系统</div>
          </div>
          <div class="list">
            <img src="../assets/img/software.png" />
            <div>定量装车系统</div>
          </div>
          <div class="list">
            <img src="../assets/img/software.png" />
            <div>船舶能效管理系统</div>
          </div>
          <div class="list">
            <img src="../assets/img/software.png" />
            <div>船舶燃油管理系统</div>
          </div>
          <div class="list">
            <img src="../assets/img/software.png" />
            <div>智能视觉感知系统</div>
          </div>
        </div>
        <!--Single Service-->
        <div class="co-single-service-1 col-md-4 text-center">
          <i class="icon-circle-compass"></i>
          <h3>硬件产品</h3>
          <div class="list">
            <img src="../assets/img/device.png" />
            <div>北斗数传终端</div>
          </div>
          <div class="list">
            <img src="../assets/img/device.png" />
            <div>质量式流量计</div>
          </div>
          <div class="list">
            <img src="../assets/img/device.png" />
            <div>容积式流量计</div>
          </div>
        </div>
      </div>
    </div>

    <!--Corporate About Section 1-->
    <div class="co-about-section-1 section pt-140 pb-100">
      <div class="container">
        <div class="row">
          <!--About Image-->
          <div class="col-md-6 col-xs-12 float-right mb-40">
            <div class="co-about-image-1">
              <img src="img/corporate/about/1.jpg" alt="" />
            </div>
          </div>
          <!--About Content-->
          <div class="col-md-6 col-xs-12 mb-40">
            <div class="co-about-content-1">
              <h1>关于帆语</h1>
              <p>
                帆语科技（上海）有限公司是一家专注于船岸智能信息化管理平台研发与应
                用的国家级,高新技术企业。公司致力于推动船舶与海洋工业的“数字化、网络化、
                智能化、绿色化”转型，通过自主研发和创新技术，打造智慧海洋综合解决方案，
                赋能全球航运及海洋产业升级。
              </p>
              <p>
                帆语科技船岸智能信息化管理平台，采用数字化工厂的理念，将生产、运营与
                管理全面连接，融合物联网、大数据、云计算和人工智能等前沿科技，融入到实
                际集成系统之中，实时监测和管理船舶动态、船舶能效、船舶加油分析、船舶机
                舱报警、船舶安全、视频监控、AI识别、船员考勤、船舶大数据分析等船舶信息
                化数据，为船舶大数据多项应用场景提供了强大数据监测和分析，帮助企业降低
                运营成本、提升效率，同时推动行业向绿色环保的目标迈进。
                我们秉承“科技赋能，智慧海洋”的使命，助力全球船海工业的现代化转型。
              </p>
              <a @click="ck2" class="btn btn-hover-gradient">了解更多</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "index",
  data() {
    return {
      active: 1,
    };
  },
  // 注册组件
  components: {},
  methods: {
    ck(data, url) {
      this.active = data;
      this.$router.push(url);
    },
    ck2() {
      this.$router.push("about?type=5");
    },
  },
  created() {
    console.log(this.active);
    // 监听
  },
  beforeUpdate() {},
  // 挂载前状态(里面是操作)
  beforeMount() {},
};
</script>